<script setup>
const props = defineProps({
    data: {
        type: Array,
        default: () => []
    }
})
</script>
<template>
    <div class="enterprise" ref="enterprise">
        <ul>
            <li id="one">
                <img src="@/assets/1@2x.png" alt="">
                <div class="p">163家</div>
                <div class="span">亿元以上重点企业数</div>
            </li>
            <li>
                <img src="@/assets/1@2x.png" alt="">
                <div class="p">738家</div>
                <div class="span">规上企业数</div>
            </li>
            <li>
                <img src="@/assets/1@2x.png" alt="">
                <div class="p">8187家</div>
                <div class="span">规下企业数</div>
            </li>
            <li>
                <img src="@/assets/1@2x.png" alt="">
                <div class="p">86家</div>
                <div class="span">新上规企业数</div>
            </li>
        </ul>
    </div>
</template>
<style scoped lang="scss">
.enterprise {
    width: 100%;
    height: 240px;
}

.enterprise ul {
    padding: 0;
    padding-top: 0.33rem;
    list-style: none;
    display: flex;
    justify-content: space-around;
}

.enterprise li {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.enterprise .p {
    color: #55d7f7;
    background: -o-linear-gradient(#ffafbd, #ffc3a0);
    font-size: 0.3rem;
    font-weight: 700;
    margin-top: 0.17rem;
    text-shadow: 0 0 0.33rem rgba(255, 255, 255, 0.5);

}

.enterprise .span {
    font-size: 0.18rem;
    margin-top: 0.08rem;
    color: white;

}
</style>